$(function () {

    // 日期
    $('.input-daterange').datepicker({
        language: "zh-CN",
        autoclose: true,
        todayHighlight: true,
        clearBtn: true
    });

    //图片上传
    $('.imgBtn').uploadifive({
        'auto' : true,    // 自动发送图片上传请求
        'uploadScript' : '/uploadImg.do',  // 图片上传的请求路径
        buttonClass:"btn-link",    // 点击按钮的class
        'fileObjName' : 'pic',   // 文件上传的参数名
        'buttonText' : '浏览...',
        'fileType' : 'image',  // 上传文件类型
        'multi' : false,    // 是否上传多个
        'fileSizeLimit'   : 5242880,  // 每次上传限制的文件大小
        'removeCompleted' : true, //取消上传完成提示
        'uploadLimit' : 1,  // 上传个数限制
        //'queueSizeLimit'  : 10,   // 文件上传区域大小的限制
        'overrideEvents': ['onDialogClose', 'onError'],    //onDialogClose 取消自带的错误提示
        'onUploadComplete' : function(file, data) {  // 回调函数
            console.log(data)
            $("#coverUrl").attr("src" ,data);  // data 约定是json格式的格式地址
            $("#imgUrl").val(data);

        },
        onFallback : function() {
            $.messager.alert("温馨提示","该浏览器无法使用!");
        }
    });

    //注册
    //api ip与端口
    var domainUrl = "http://localhost:80";

    $("#registMemForm").ajaxForm({
        url:domainUrl + "/users/memberRegist.do",
        type:"POST",
        success:function (data) {
            if(data.code == 200){
                window.location.href = "/login.html";
            }else{
                popup(data.msg);
            }
        }
    })

    //为表单元素添加失去焦点事件
    $("form input").blur(function(){
        $(".msg").detach();

        // 验证用户名和编号
        if($(this).is("#number1")) {
            var numberVal = $.trim(this.value); //原生js去空格方式：this.replace(/(^\s*)|(\s*$)/g, "")
            var regNumber = /[~#^$@%&!*()<>:;'"{}【】  ]/;
            if (numberVal == "" || numberVal.length < 1 || regNumber.test(numberVal)) {
                var errorMsg = " 学号非空，长度1位以上，不包含特殊字符！";
                //class='msg onError' 中间的空格是层叠样式的格式
                $(".err-tip1").append("<span class='msg onError'>" + errorMsg + "</span>");
            }
            else {
                var okMsg = " 输入正确";
                $(".err-tip1").append("<span class='msg onSuccess'>" + okMsg + "</span>");
            }
        }

        if($(this).is("#username1")) {
            var nameVal = $.trim(this.value); //原生js去空格方式：this.replace(/(^\s*)|(\s*$)/g, "")
            var regName = /[~#^$@%&!*()<>:;'"{}【】  ]/;
            if (nameVal == "" || nameVal.length < 1 || regName.test(nameVal)) {
                var errorMsg = " 姓名非空，长度1位以上，不包含特殊字符！";
                //class='msg onError' 中间的空格是层叠样式的格式
                $(".err-tip1").append("<span class='msg onError'>" + errorMsg + "</span>");
            }
            else {
                var okMsg = " 输入正确";
                $(".err-tip1").append("<span class='msg onSuccess'>" + okMsg + "</span>");
            }
        }

        //验证密码
        var password = null;
        if($(this).is("#password1")){
            password = $.trim(this.value); //原生js去空格方式：this.replace(/(^\s*)|(\s*$)/g, "")
            if(password == "" || password.length < 1 || password.length > 15){
                var errorMsg = " 密码非空，长度应为1-15个字符！";
                //class='msg onError' 中间的空格是层叠样式的格式
                $(".err-tip2").append("<span class='msg onError'>" + errorMsg + "</span>");
            }
            else{
                var okMsg=" 输入正确";
                $(".err-tip2").append("<span class='msg onSuccess'>" + okMsg + "</span>");
            }
        }


        //验证确认密码
        if($(this).is("#rpassword1")){
            var rpassword = $.trim(this.value); //原生js去空格方式：this.replace(/(^\s*)|(\s*$)/g, "")
            if(rpassword == "" || rpassword.length < 1 || rpassword.length > 15  || password != rpassword){
                var errorMsg = " 确认密码非空，长度应为1-15个字符，两次的密码必须一致！";
                //class='msg onError' 中间的空格是层叠样式的格式
                $(".err-tip3").append("<span class='msg onError'>" + errorMsg + "</span>");
            }
            else{
                var okMsg=" 输入正确";
                $(".err-tip3").append("<span class='msg onSuccess'>" + okMsg + "</span>");
            }
        }


        //验证联系方式和社团负责人的电话
        if($(this).is("#mobile")) {
            var mobileVal = $.trim(this.value); //原生js去空格方式：this.replace(/(^\s*)|(\s*$)/g, "")
            var regMobile = /^1[3456789]\d{9}$/g;
            if (mobileVal == "" || mobileVal.length == 11 || regMobile.test(mobileVal)) {
                var errorMsg = " 联系方式非空，长度应为11位，必须符合电话格式！";
                //class='msg onError' 中间的空格是层叠样式的格式
                $(".err-tip1").append("<span class='msg onError'>" + errorMsg + "</span>");
            }
            else {
                var okMsg = " 输入正确";
                $(".err-tip1").append("<span class='msg onSuccess'>" + okMsg + "</span>");
            }
        }


    })
});